<%@ include file="taglibs.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Company Frontend App </title>
<s:url var="productAction" value="/Product.action"></s:url>
<s:url var="productTypeAction" value="/ProductType.action"></s:url>
<s:url var="customerAction" value="/Customer.action"></s:url>
<link rel="stylesheet" href="${AppHostName}/css/layout.css" type="text/css" />
<link rel="stylesheet" href="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/styles/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/styles/jqx.darkblue.css" type="text/css" />
<script type="text/javascript" src="${AppHostName}/js/scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${AppHostName}/js/scripts/jquery.blockUI.js"></script>
<script type="text/javascript" src="${AppHostName}/js/scripts/common.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxcore.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxdata.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxbuttons.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxscrollbar.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxmenu.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxgrid.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxgrid.edit.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxgrid.selection.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxlistbox.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxdropdownlist.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxcheckbox.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxcalendar.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxnumberinput.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/jqxdatetimeinput.js"></script>
<script type="text/javascript" src="${AppHostName}/js/jqwidgets${JqWidgetsVersion}/globalization/globalize.js"></script>
<script type="text/javascript" src="${AppHostName}/js/product.js"></script>
<script type="text/javascript" src="${AppHostName}/js/productType.js"></script>
<script type="text/javascript" src="${AppHostName}/js/customer.js"></script>
<script type="text/javascript" src="${AppHostName}/js/initApplication.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
        	var initApplication = new InitApplication();
        	initApplication.init({'productAction':'${productAction}',
        						  'productTypeAction' :'${productTypeAction}',
        						  'customerAction' : '${customerAction}'});
        });
    </script>
</head>
<body class='bodyLayout'>
	<div id="container">
		<div id="top">
			<h1><span>Application Menu Mock</span></h1>
		</div>
		<div id="leftnav">
			<ul>
				<li id="productOption">Products</li>
				<li id="productTypeOption">Products Type</li>				
				<li id="customerOption">Customer</li>				
			</ul>
		</div>
		<div id="content">
		</div>
		<div id="footer">Footer</div>
	</div>
</body>
</html>